<script setup>
import { ref } from 'vue'
import Call from '@/components/Call.vue'

const callConfig = ref({
  show: false,       // 初始不显示通话界面
  callType: '',      // 初始无通话类型
  targetUserId: '',  // 初始无目标用户
  isCaller: false,   // 初始非主叫方
  shouldStart: false // 初始不自动启动通话
})

const handleStartCall = (config) => {
  // 只有手动调用时才显示通话界面
  callConfig.value = {
    ...config,
    show: true
  }
}

const handleEndCall = () => {
  callConfig.value.show = false // 关闭通话界面
}
</script>

<template>
  <router-view />
  <!-- 只有 callConfig.show 为 true 时才渲染 Call 组件 -->
  <Call 
    v-if="callConfig.show" 
    v-bind="callConfig" 
    @end-call="handleEndCall" 
  />
</template>